/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	@keyframes blink { 50% { border-color: orange; }  }
*/

.monaco-editor {
	.inline-edits-view-indicator {
		display: flex;

		z-index: 1000000;
		height: 20px;

		color: var(--vscode-editorHoverWidget-foreground);
		background-color: var(--vscode-editorHoverWidget-background);
		border: 1px solid var(--vscode-editorHoverWidget-border);
		border-radius: 3px;

		align-items: center;
		padding: 2px;
		padding-right: 10px;
		margin: 0 4px;

		/*
		animation: blink 1s;
		animation-iteration-count: 3;
		*/

		opacity: 0;

		&.contained {
			transition: opacity 0.2s ease-in-out;
			transition-delay: 0.4s;
		}

		&.visible {
			opacity: 1;
		}

		&.top {
			opacity: 1;

			.icon {
				transform: rotate(90deg);
			}
		}

		&.bottom {
			opacity: 1;

			.icon {
				transform: rotate(-90deg);
			}
		}

		.icon {
			display: flex;
			align-items: center;
			margin: 0 2px;
			transform: none;
			transition: transform 0.2s ease-in-out;
		}

		.label {
			margin: 0 2px;

			display: flex;
			justify-content: center;
			width: 100%;
		}
	}

	.inline-edits-view {
		--widget-color: var(--vscode-editorHoverWidget-background);

		&.toolbarDropdownVisible,
		.editorContainer:hover {
			.toolbar {
				display: block;
			}
		}

		.editorContainer {
			color: var(--vscode-editorHoverWidget-foreground);
			background-color: var(--vscode-editorHoverWidget-background);
			/*border: 1px solid var(--vscode-editorHoverWidget-border);*/
			/*border-radius: 3px;*/

			.toolbar {
				display: none;
				border-top: 1px solid rgba(69, 69, 69, 0.5);
				background-color: var(--vscode-editorHoverWidget-statusBarBackground);

				a {
					color: var(--vscode-foreground);
				}

				a:hover {
					color: var(--vscode-foreground);
				}

				.keybinding {
					display: flex;
					margin-left: 4px;
					opacity: 0.6;
				}

				.keybinding .monaco-keybinding-key {
					font-size: 8px;
					padding: 2px 3px;
				}

				.availableSuggestionCount a {
					display: flex;
					min-width: 19px;
					justify-content: center;
				}

				.inlineSuggestionStatusBarItemLabel {
					margin-right: 2px;
				}

			}

			.preview {
				.monaco-editor {
					.view-overlays .current-line-exact {
						border: none;
					}

					.current-line-margin {
						border: none;
					}

					--vscode-editor-background: var(--widget-color);
				}
			}
		}
	}

	.strike-through {
		text-decoration: line-through;
	}
}
